<template>
    <div class="MusicList">
        <ul>
            <h3>
                <a @click="check">创建的歌单</a>
                <i class="fa fa-angle-down" :class="{active:n,'fa-rotate-270':!n}"></i>
                <i class="fa fa-plus" @click="addList"></i>
            </h3>
            <div v-show="n">
                <a>
                    <li>
                        <i class="fa fa-heart-o"/>
                        <a style="font-size:16px">我喜欢的音乐</a>
                        <i @click="LikeStart" class="fa fa-heartbeat"/>
                    </li>
                </a>
                <!-- <router-link replace :to="{name:'MusicList',params:{id:id}}">
                    <li><i class="fa fa-lock"/>单曲循环</li>
                </router-link> -->
            </div>
        </ul>
    </div>
</template>

<script>
// import {
//     userSubcount
// } from '@/library/api/api'
import '../com/com.scss'
export default {
    name:'MusicList',
    data() {
        return {
            list:{},
            n:true,
            id:0
        }
    },
    methods:{
        LikeStart() {
            alert("心动模式开启!")
        },
        check() {
            this.n = !this.n
        },
        addList() {
            alert("已添加新的音乐菜单")
        },
        // Musiclist() {
        //     userSubcount({
        //         data:{
        //             cookie:localStorage.cookie
        //         }
        //     }).then(res=>{
        //         console.log(res);
        //     })
        // }
    },
    created() {
        this.LikeStart
        this.check
        this.addList
        // this.Musiclist()
    }
}
</script>

